<template>
  <div>
    <div class="content_content">
			<div class="content_content_v" v-for="(img,i) of new_imgcontent" :key=i>
				<router-link :to='`/picturedetails/${img.Psid}/${img.id}`'>
					<img :src="img.homeimgurl" alt="">
				</router-link>
				<div class="content_content_title">
					<span>
						<router-link :to='`/picturedetails/${img.Psid}/${img.id}`'>{{img.details}}</router-link>
					</span>
					<span>{{img.imgurlcount}}张</span>
				</div>
				<div class="content_content_label">
					<img class="su_author_img" src="http://qnm.hunliji.com/5961A4BDCF0D6B50BA352478E81D8AD3.jpg?imageView2/1/w/40/h/40" alt="">
					<div>
						<p class="su_author">{{img.author}} 发布到</p>	
						<span>
							<router-link :to='`/picturedetails/${img.Psid}/${img.id}`'>{{img.title}}</router-link>
						</span>
					</div>
				</div>
			</div>
		</div>
  </div>
</template>
<script>
export default {
  props:['new_imgcontent'],
  data(){
    return {
      // mew_imgcontent:"",
    }
  },
  methods:{},
  mounted(){
  }

}
</script>
<style scoped>
  
/* 声明内容主体区域样式 */
.content_content:after{
	content:"";
	display:block;
	clear:both;
}
.content_content_v{
  width:23%;
	float:left;
  padding-bottom:10px;
  margin-bottom:20px;
	margin-left:30px;
  border:1px solid rgb(201, 198, 198);
}
.content_content_v:nth-child(4n+1){
 margin-left:0px;
 clear: both;
}
.content_content_v>a{
	display:block;
	margin-bottom:10px;
}
.content_content_v img{
  width:100%;
}
.content_content .content_content_title,.content_content .content_content_label{
  padding:5px 15px;
  display:flex;
  flex-wrap:nowrap;
}
.content_content .content_content_title{
  justify-content:space-between;
}
.content_content .content_content_title span{
  font-size:14px;
  color:#5c5a5a;
}
.content_content .content_content_title a{
	height:20px;
	line-height:20px;
	display:block;
  color:#000;
  font-size:14px;
	width:200px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.content_content .content_content_title a:hover{
  color:#f00;
}
.content_content_label{
  font-size:10px;
}
.content_content_label img{
  width:15%;
  border-radius:50%;
}
.content_content_label div{
  margin:0px 5px;
}
.content_content_label a{
  color:rgb(39, 119, 240);
}
.content_content_label a:hover{
  text-decoration:underline;
}
.su_author_img{
  height:100;
}
.su_author{
  margin-bottom:5px;
}
</style>